body{
	font-family:sans-serif;
	margin:0;
	padding:0;
}
nav,
footer{
	background:#ddd;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}
nav a,
footer a{
	padding:.3em;
	margin-top:.2em;
	display: inline-block;
}
form{
	background:#ddd;
	padding:1em;
	font-size:larger;
}
footer{
	margin:1em 0;
}
aside{
	background:#ffc;
	padding: 1em;
	margin: 1em;
	
	border-radius:1em;
	-moz-border-radius:1em;
}
#content>*{
	margin:.5em;
	
}
header h1{
	margin:0;
	padding-top:.6em;
	white-space:nowrap;
}
header a{
	display:inline-block;
	padding:.1em;
}
header>a{
	float:right;
}

.flex{
	margin:0;
	padding:0;
}
.flex li{
	display:-webkit-box;
	-webkit-box-orient:horizontal;
	-webkit-box-align: center;
	display:-moz-box;
	-moz-box-orient:horizontal;
	-moz-box-align: center;
	padding:.25em;
	border-top:1px solid #ccc;
}
.flex li>*{
	vertical-align:middle;
	display:block;
	margin: .2em;
}
.flex li>*:first-child{
	-webkit-box-flex:1;
	-moz-box-flex:1;
}
img{
	vertical-align:middle;
}


footer{
	text-align:center;
}

h2, h3, h4{
	margin-top:0;
}

a{
	text-decoration:none;
	color:white
}
a:visited{
	text-decoration:none;
	color:#639
}
a:link:hover{
	text-decoration:underline
}
a:link{
	color:#09c;
}
a:hover{
	background:white;
}
.selected,
.selected:visited,
.selected:hover,
.selected:link,
input[type=submit]{
	color:white;
	background-color:#09c;
}

input{
	font-size:larger;
	width:100%;
}
input[type=checkbox]{
	width: 1em;
}
input[name=question]{
	width: 95%;
}
.question:after{
	content:"?";
	color:red;
}
label{
	display:block;
}
menu {
	margin:0;
	padding:0;
}